$(function() {
	
	//图标高度
	$(".logo img").css("height",$(".head_div").height()*0.99);

	//必须先加载表格数据
	fillTable();
	
	//然后计算th、td高度
	$("table tr th").css("height",$(".bottom_half").height()*0.2);
	$("table tr td").css("height",$(".bottom_half").height()*0.13);
	
	//动态变更字体
	if($("#headFontSize").val()!=null && $("#headFontSize").val()!=""){
		$(".textDiv").css('font-size',$("#headFontSize").val()+"px");
	}
	if($("#thFontSize").val()!=null && $("#thFontSize").val()!=""){
		$('th').css('font-size',$("#thFontSize").val()+"px");
	}
	if($("#tdFontSize").val()!=null && $("#tdFontSize").val()!=""){
		$('td').css('font-size',$("#tdFontSize").val()+"px");
	}
	
	//echar图数据加载
	var height = $(".top_half").height()*0.95;
	echartInit1(height);
	echartInit2(height);
	echartInit3(height);
	
	//定时器
	interval();
	
	//自动刷新页面
	refreshHtml($("#timer_url").val());

});

/**
 * 加载table数据
 * @returns
 */
function fillTable(){
	$("#kbTable").empty();
	$.ajax({
		url: COMMON_URL.URL+'main10/queryList',
		type:'get',
		dataType:'json',
		async:false,
		success : function(data){
			if(data.ok){
				var value = data.data;
				for(var i=0; i<value.length;i++){
					var vo = value[i];
					var tr=$("<tr/>");
					var td=$("<td/>");
					td=$("<td/>").append(vo.productionLine);
					tr.append(td);
					td=$("<td/>").append(vo.status);
					tr.append(td);
					td=$("<td/>").append(vo.operator);
					tr.append(td);
					td=$("<td/>").append(vo.orderNo);
					tr.append(td);
					td=$("<td/>").append(vo.workingProcedure);
					tr.append(td);
					td=$("<td/>").append(vo.inProductionName);
					tr.append(td);
					td=$("<td/>").append(vo.inProductionBatch);
					tr.append(td);
					td=$("<td/>").append(vo.plannedOutput);
					tr.append(td);
					td=$("<td/>").append(vo.currentOutput);
					tr.append(td);
					td=$("<td/>").append(vo.productionSchedule);
					tr.append(td);
					td=$("<td/>").append(vo.timeSchedule);
					tr.append(td);
					td=$("<td/>").append(vo.weekPlannedOutput);
					tr.append(td);
					td=$("<td/>").append(vo.weekProductionSchedule);
					tr.append(td);
					$("#kbTable").append(tr);
				}
			}else{
				alert('Table加载异常')
			}
		}
	});
}

function echartInit1(height) {
	
	$('#product_schedule').height(height);
	
	$.ajax({
		type : 'get',
		dataType : 'json',
		cache : false, 
		async : false,
		url : COMMON_URL.URL+'main10/queryOutputData',
		success : function(data){
			if(data.ok){
				var prodName = data.data.prodNameList;
				var plannedOutput = data.data.plannedOutputList;
				var currentOutput = data.data.currentOutputList;
				//指定图标的配置和数据
				var option = {
					title : {
						text : '产量进度'
					},
					tooltip: {
				        trigger: 'item',
				        formatter: '{a} <br/>{b} : {c}'
				    },
				    legend: {
				    	right: 30,
				        top: 10,
				        bottom: 50,
		                data:['计划产量','当前产量']
		            },
		            grid:{
	                    x: 50,
	                },
					xAxis : {
						axisLabel : {//旋转
							rotate : 70,
							interval : 0,
							textStyle: {
		                        color: '#ffffff'
		                    }
						},
						data :prodName,
					},
					yAxis : {
						axisLabel: {
		                   textStyle: {
		                       color: '#FFFFFF'
		                   }
		                }
					},
					series : [ 
						{
							name : '计划产量',
							type : 'line',
							data : plannedOutput,
							label : {
								normal:{
									show: true
								}
							},
						},
						{
							name : '当前产量',
							type : 'line',
							data : currentOutput,
							label : {
								normal:{
									show: true,
									position:'bottom'
								}
							},
						},
						
					]
				};
				//初始化echarts实例
				var myChart = echarts.init(document.getElementById('product_schedule'),'dark');
				//使用制定的配置项和数据显示图表
				myChart.setOption(option);
				
			}else{
				alert("折线图加载异常")
			}
			
		}
	});
}

function echartInit2(height){
	$('#time_schedule').height(height);
	
	$.ajax({
		type : 'get',
		dataType : 'json',
		cache : false, 
		async : false,
		url : COMMON_URL.URL+'main10/queryTimeScheduleData',
		success : function(data){
			if(data.ok){
				var prodName = data.data.prodNameList;
				var timeSchedule = data.data.timeScheduleList;
				//指定图标的配置和数据
				var option = {
					title : {
						text : '时间进度'
					},
					tooltip : {
						trigger: 'item',
				        formatter: '{a} <br/>{b} : {c}'
					},
					legend: {
						right: 30,
				        top: 10,
				        bottom: 50,
		                data:['计划时间','已用时间']
		            },
		            //控制echarts在div中的位置  x y x2 y2 分别代表距离  左 上 右 下
		            grid:{
	                    x: 60,
	                },
					xAxis : {
						axisLabel : {//旋转
							rotate : 70,
							interval : 0
						},
						data : prodName
					},
					yAxis : [  
				        {  
				            type: 'value',  
				            axisLabel: {  
				                  show: true,  
				                  interval: 'auto',  
				                  formatter: '{value}%'  
				                },
				            show: true  
				        }  
				    ],
					series : [ 
						{
							name : '计划时间',
							type : 'line',
							data : timeSchedule,
							label : {normal:{show: true}}
						} 
					]
					
				};
				
				//初始化echarts实例
				var myChart = echarts.init(document.getElementById('time_schedule'),'dark');
	
				//使用制定的配置项和数据显示图表
				myChart.setOption(option);
			}else{
				alert("折线图加载异常")
			}
			
		}
		
	});
	}

function echartInit3(height){
	$('#week_yield').height(height);
	
	$.ajax({
		type : 'get',
		dataType : 'json',
		cache : false, 
		async : false,
		url : COMMON_URL.URL+'main10/queryWeekScheduleData',
		success : function(data){
			if(data.ok){
				
				var prodName = data.data.prodNameList;
				var weekPlanedSchedule = data.data.weekPlanedScheduleList;
				var weekProductionSchedule = data.data.weekProductionScheduleList;
				
				var dom = document.getElementById("week_yield");
				var myChart = echarts.init(dom,'dark');
				var app = {};
				var option = {
						title :{
							text : '当周计划产量'
						},
					    tooltip : {
					        trigger: 'axis',
					        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
					            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
					        },
					    },
					    //color : ['#339AFF','#27E4EF'],
					    legend: {
					    	type: 'scroll',
	//				        orient: 'vertical',//垂直还是水平放置
					        right: 30,
					        top: 10,
					        bottom: 50,
					        data:['计划产量','已完成'],
					        
					    },
					    grid: {
					        left: '3%',
					        right: '4%',
					        bottom: '3%',
					        containLabel: true
					    },
					    xAxis : [
					        {
					        	axisLabel : {//旋转
									rotate : 8,
									interval : 0
								},
					            data :prodName
					        }
					    ],
					    yAxis : [
					    	{  
					            type: 'value',  
					            axisLabel: {  
					                  show: true,  
					                  interval: 'auto',  
					                  formatter: '{value} %'  
					                },  
					            show: true  
					        } 
					    ],
					    series : [
					    	 {
						            name:'已完成',
						            type:'bar',
						            stack: 'product',
						            data:weekProductionSchedule,
						            
						            barWidth: 40,
						            /*//调整柱状图弧度
						            itemStyle: {
					                    emphasis: {
					                        barBorderRadius: 7
					                    },
					                    normal: {
					                        barBorderRadius: 7
					                    }
					                }*/
						     },
					         {
					            name:'计划产量',
					            type:'bar',
					            stack: 'product',// 只要有一样的stack，他们就会堆在一列上
					            data:weekPlanedSchedule,
					            barWidth: 40,
					            /*itemStyle: {
				                    emphasis: {
				                        barBorderRadius: 7
				                    },
				                    normal: {
				                        barBorderRadius: 7
				                    }
				                }*/
					         }
					       
					    ]
					};
					if (option && typeof option === "object") {
					    myChart.setOption(option, true);
					}
			}else{
				alert("柱状图加载异常")
			}
		}
	});
}

function interval(){
	
	//表格局部刷新时间
	var time = $('#timer_million').val();
	//页面刷新时间
	var distanceTimes = $("#distanceTimes").val();
	
	//页面切换url
	var url = $('#timer_url').val();
	var href_url = COMMON_URL.URL+url;
	
	//表格局部刷新
	setInterval(function(){
		//必须先加载表格数据
		fillTable();
		//然后计算th、td高度
		$("table tr th").css("height",$(".bottom_half").height()*0.2);
		$("table tr td").css("height",$(".bottom_half").height()*0.13);
		//动态变更字体
		if($("#headFontSize").val()!=null && $("#headFontSize").val()!=""){
			$(".textDiv").css('font-size',$("#headFontSize").val()+"px");
		}
		if($("#thFontSize").val()!=null && $("#thFontSize").val()!=""){
			$('th').css('font-size',$("#thFontSize").val()+"px");
		}
		if($("#tdFontSize").val()!=null && $("#tdFontSize").val()!=""){
			$('td').css('font-size',$("#tdFontSize").val()+"px");
		}
		var height = $(".top_half").height()*0.95;
		echartInit1(height);
		echartInit2(height);
		echartInit3(height);
	}, time);
	
	//页面切换刷新
	setInterval(function(){
		location.href = href_url;
	}, distanceTimes);
	
	
	
}

